<template>
	<view style="padding-top: 90rpx;">
		<u-navbar autoBack title="商品" :safeAreaInsetTop="true" :fixed="true" ></u-navbar>
		<view class="" style="padding:0 20rpx;">
			<u-search shape="round" height="60" :disabled="true" placeholder="AJ" :show-action="false"
				@click="searchPage"></u-search>
		</view>
		<u-list @scrolltolower="scrolltolower">
			<u-list-item v-for="(item, index) in dataList" :key="index" >
				<view class="u-p-20 u-flex" @click="gotoDetail(index)">
					<u--image :src="item.goodsUrl" width="80px" height="80"></u--image>
					<view class="u-flex-col u-flex-1 u-p-l-20 u-row-between" style="height:auto;">
						<u--text :text="item.title" size="16" lines="2" color="#333">
						</u--text>
						<view class="u-flex u-flex-between u-p-20">
							<u--text mode="price" text="7287.32" color="red"></u--text>
							
						</view>
					</view>
				</view>
			</u-list-item>
		</u-list>
	</view>
</template>
<script>
	export default {
		data() {
			return {
				dataList: [{
						goodsUrl: '//img13.360buyimg.com/n7/jfs/t1/103005/7/17719/314825/5e8c19faEb7eed50d/5b81ae4b2f7f3bb7.jpg',
						title: '【冬日限定】现货 原创jk制服女2020冬装新款小清新宽松软糯毛衣外套女开衫短款百搭日系甜美风',
						type: '灰色;M',
						deliveryTime: '付款后30天内发货',
						price: '348.58',
						number: 2
					},
					{
						goodsUrl: '//img12.360buyimg.com/n7/jfs/t1/102191/19/9072/330688/5e0af7cfE17698872/c91c00d713bf729a.jpg',
						title: '【葡萄藤】现货 小清新学院风制服格裙百褶裙女短款百搭日系甜美风原创jk制服女2020新款',
						type: '45cm;S',
						deliveryTime: '付款后30天内发货',
						price: '135.00',
						number: 1
					}
				],

			}
		},
		methods:{
			gotoDetail(val){
				uni.$u.route('/pages/shopDetail/shopDetail');
			}
		}
	}
</script>
